<!-- Start login page: login.jsp -->



<%@ page language="java" contentType="text/html; charset=US-ASCII" pageEncoding="US-ASCII"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<jsp:include page="_header.jsp"></jsp:include>

<script src="js/login_app.js"></script>
<link rel="stylesheet" href="css/login.css" />

<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.1.0/moment.min.js"></script>
  
<title>Expertise Login</title>
</head>

<body class="loginBody" onload="document.login.j_username.focus();">
	
	<script type="text/x-handlebars">
		<div class="loginDiv" >
			<div class="loginTitle">
				<h1>Expertise</h1>
				<sub>Graphing Your Workforce</sub>
			</div>
			<div class="loginArea">
				<span class="loginFields">
					<form name="login" action="j_spring_security_check" method="POST" >
						<div>
							<label>Email</label>
							{{
								view App.LoginEmail 
    							viewName="email"
 					   		 	name="j_username" 
    							autocomplete="off" 
    							valueBinding="email"
							}}
						</div>
						<div>
							<label>Password</label>
							{{
								view App.LoginPassword 
    							viewName="password"
 							    name="j_password" 
    							autocomplete="off" 
    							valueBinding="password"
							}}
						</div>
					</form>
				</span>
			</div>
		</div>
		<div class="loginContentPane">
			<div class="loginContent">
				{{partial 'content'}}
			</div>
		</div>
	</script>
	
	<script type="text/x-handlebars" id="content">
   		<div class="navbar">
      		<div class="navbar-inner">
				<p class="brand">Welcome</p>
        		<ul class="nav">
					<li>{{#link-to 'news'}}News{{/link-to}}</li>
					<li>{{#link-to 'about'}}About Us{{/link-to}}</li>
					<li>{{#link-to 'tech-info'}}Tech Details{{/link-to}}
        		</ul>
      		</div>
    	</div>
    	{{outlet}}
	</script>
	
	<script type="text/x-handlebars" id="#">
		<h4>Welcome to Expertise</h4>
	</script>
	
	<script type="text/x-handlebars" id="about">
		<h4>Problem</h4>
		<p>Markets such as government contracting require mapping staff to various
		requests for work based upon the skills their employees have.  Typically
		this mapping is manual process involving going over resumes and putting
		them in a required format.  This is a costly process, as it requires substantial 
		human labor, and is particularly inefficient.  On top of all this, it becomes
		difficult to keep these records up to date, as staff would be required to provide
		upated copies of their resumes...</p>  
		<p>
		<h4>Solution</h4>
		<p><b><i>Expertise</i></b>. This automated system will assist HR deparments in understanding
		their staff.  By exposing functionality such as mapping employees to skills and making
		this data searchable, Expertise can provide valuable insight into the stance of 
		their company to respond to the market.  It can also allow for easily updating employee
		data.</p>
	</script>
	
	
	<script type="text/x-handlebars" id="news">
		<h4>Expertise Under Development!</h4>
		<p>This system is under development by <a href="http://inovexcorp.com">iNovex Information Systems</a>.</p>
		<p>For more information, please contact us from our company site.</p>
	</script>
	
	<script type="text/x-handlebars" id="tech-info">
		<p>Expertise is built on <a href="http://www.java.com/en/">Java</a>, 
		<a href="http://thinkaurelius.github.io/titan/">Apache Titan</a>, 
		<a href="http://cassandra.apache.org/">Apache Cassandra</a>, 
		<a href="http://emberjs.com/">EmberJS</a>, and more...</p>
		<p>By modeling Expertise data as a complex graph, we can implement interesting
		algorithms to relate various entities (employees, skills, companies, etc).</p>
	</script>
	
	
	
	
	
</body>

</html>




<!-- End login page: login.jsp -->
